<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>为龚常胜送上生日祝福</title>
    <link href='css/birthdayParty.css' rel="stylesheet"/>
</head>
<body>
    <div class="party">
        <!-- <div class="top-line"></div> -->
        <div class="title">
            <img src="img/birthday/title.png" alt="">
        </div>
        <ul class="activeties">
            <li class="activity">
                <div class="circle circle1"></div>
                <a href="https://weibo.com/5643326836/HqndGziAS">
                    <img src="img/birthday/party-wb.png" alt="">
                </a>
                
            </li>
            <li class="activity">
                <a href="https://shop517420898.taobao.com/">
                    <img src="img/birthday/party-tb.png" alt="">
                </a>
                <div class="circle circle2"></div>
            </li>
            <li class="activity">
                <a href="https://www.bilibili.com/bangumi/play/ss24638">
                    <img src="img/birthday/party-bl.png" alt="">
                </a>
                <div class="circle circle3">
                   
                </div>
            </li>
        </ul>
  
        <!-- <footer class="foot">
            <img src="img/birthday/logo.png" alt="">
        </footer> -->
    </div>

    <script>
        (function(){
            let mobileHeight = window.innerHeight
            // alert('a'+document.body.clientHeight )
            let value = mobileHeight - 680
            
            let bottom = document.querySelector('.bottom')
            let container = document.querySelector('.party')
            let topLine = document.querySelector('.activeties')
          
            // alert(value)
            if(mobileHeight<600){
                container.classList.add('short')
            }
            if(mobileHeight>=720){
                topLine.classList.add('top-show')
            }
        })()
    </script>
</body>
</html>